﻿@using Ext.Net
@using Ext.Net.MVC
@model DoAnWebsite.Models.ForgotPassword
@{
    ViewBag.Title = "ForgotPassword";
}
<div style="width: 500px; margin: 0 auto;">
    @Html.X().ResourceManager().Theme(Theme.Gray)
    @Html.X().Panel().Width(400).Height(300).Layout(LayoutType.Border).Items(
        Html.X().Panel().Region(Region.North).Layout(LayoutType.Absolute).Height(80).Items(
            Html.X().Image().ImageUrl("../../Content/Images/banner.png")
        ),
        Html.X().FormPanel().Region(Region.Center).ID("ForgotPasswordPanel").Listeners(ls => ls.ValidityChange.Handler = "App.btnSubmit.setDisabled(!valid)").Items(
            Html.X().Label().Text("GET NEW PASSWORD").StyleSpec("color:green; font-weight:bold; font-size:18").Margin(30),
            Html.X().TextFieldFor(m=>m.UserName).Margin(30).Width(350),
            Html.X().TextFieldFor(m=>m.Email).Margin(30).Width(350),
            Html.X().Button().Text("Submit").ID("btnSubmit").Margin(10).Disabled(true).StyleSpec("Float: right").DirectEvents(de=>
                                                                        {
                                                                            de.Click.Url = Url.Action("ForgotPassword");
                                                                            de.Click.EventMask.ShowMask = true;
                                                                            de.Click.FormID = "ForgotPasswordPanel";
                                                                        })
        )
    )
</div>